
<template>
	<div id="singleBlogs">
		<h4>{{blog.title}}</h4>
		<article>{{blog.body}}</article>
	</div>
</template>

<script>
	export default{
		name:"singleBlogs",
		data(){
			return{
				id:this.$route.params.id, //当匹配到一个路由时，参数值会被设置到 this.$route.params，可以在每个组件内使用
				blog:{}
			}
		},
		created(){
			const self=this;
			this.$http.get("/posts/"+this.id)
			.then(function(data){
				//console.log(data.data);
				self.blog=data.data;
			})
		}
	}
</script>

<style scoped="scoped">
	#singleBlogs{
		background: #eee;
		padding:20px;
		margin: 30px auto;
	}
</style>